<template>
  <drop-wrap :data="data" :index="index" :element="element">
    <el-descriptions
      :title="element.options.title"
      :colon="element.options.colon"
      :border="element.options.border"
      :direction="element.options.direction"
      :column="Number(element.options.col)"
    >
      <el-descriptions-item
        v-for="(description, index) in element.options.data"
        :key="index"
        :label="description.label"
      >
        {{ description.value }}
      </el-descriptions-item>
    </el-descriptions>
  </drop-wrap>
</template>

<script>
export default {
  props: ["element", "data", "index"],
  data() {
    return {};
  },
  computed: {
    store() {
      return this.element.getRoot();
    },
  },
};
</script>

<style   scoped>
>>> .el-descriptions {
  padding: 15px 20px;
}
</style>